<template>
	<div>
		<!-- 头部 -->
		<div style="width: 100vw;height: 20vh;display: flex;">
			<div style="width: 90vw;height: 20vh;text-align: left;padding-left: 10vw;">
				<div style="font-size: 2.5rem;font-weight: bold;padding-top: 10vh;">Hi</div>
				<div style="font-size: 2rem;font-weight: bold;padding-top: 1vh;">欢迎回来！</div>
			</div>
			<div style="width: 10vw;line-height: 20vh;">
				<van-icon name="service-o" size="15"/>
			</div>
		</div>
		<!-- 快速登录 -->
		<div style="font-size: 1.5rem;margin-top: 5vh; justify-content: space-around; width: 90vw;margin-left: 5vw;height: 5vh;line-height: 5vh;display: flex;">
			<van-tabs @click="onClick" color="#000">
			  <van-tab title="快捷登录">
				  <!-- <Quickly></Quickly> -->
				  <Quickly></Quickly>
			  </van-tab>
			  <van-tab title="账号登录">
				 <accountNumber></accountNumber>
			  </van-tab>
			</van-tabs>
		</div>
		
	</div>
</template>

<script>
    import Quickly from './quickly.vue'
	import accountNumber from './accountNumbe.vue'
	export default {
		components:{
			Quickly,
			accountNumber
		},
	  methods: {
	    onClick(name, title) {
	      // Toast(title);
	    },
	  },
	};
</script>

<style>
	.van-tabs {
		width: 95vw;
	}
</style>
